@import '../../styles.less';

.btn{
    display: inline-block;
    box-sizing: border-box;
    padding: 0 @interval;
    border: 0;
    box-shadow: none;
    border-radius: @radiusDef;
    background-color: @mainColor;
    color: #fff;

    // 尺寸

    &.big{
        .btn-content{
            @h: 60*@rem;
            height: @h;
            line-height: @h;
            font-size: @FStitleSm;
        }
    }

    &.middle{
        .btn-content{
            @h: 48*@rem;
            height: @h;
            line-height: @h;
        }
    }

    &.small{
        .btn-content{
            @h: 40*@rem;
            height: @h;
            line-height: @h;
            font-size: @FSxm;
        }
    }

    // 分类
    &.border{
        background-color: transparent;
        border: 1*@rem solid @mainColor;
        color: @mainColor;
    }
    &.full{
        width: 100%;
    }
    &.disabled{
        background-color: @secentColor;
    }
    &.border.disabled{
        background-color: transparent;
        border-color: @secentColor; 
        color: @secentColor;
    }
}

.btn-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-center{
    padding: 0 10*@rem;
}